<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="js/xfade2.css" type="text/css" />
<script src="js/image.js" type="text/javascript"></script>
<script type="text/javascript">
function checkform(){
	var pass = document.getElementById('password').value;
	var user = document.getElementById('username').value;
	
	if(user == "" || pass == "" ){
		document.getElementById('error').innerHTML = "Please provide necessary fields";
		return false;
	}
}
</script>

</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<form wicket:id="loginForm" onsubmit="return checkform();">
			<div id="login-box">
			<p>
			<label><span>Username: </span></label> 
			<input name="username" style="width:150px" wicket:id="studentid" type="text" id="username" />
			</p>
			<p>
			<label><span>Password: </span></label>
			<input name="password" style="width:150px" wicket:id="password" id="password" type="password" />
			</p>
			<p>
			<input name="submit" style="width:50px;" value="login" type="submit"/>
			<span id="error" style="color:#ffffff;font-size:10px;"></span>			
			</p>
			
		
		</div>
	</form>
	 <div style="color:#ffffff;width:280px;font-size:10px;position:relative;top:90px;left:590px;" wicket:id="error"></div>

		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home" >Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#" ></a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	<div id="history">
	<div style="position:relative;margin-bottom:30px; ">
		<div id="imageContainer">
			<img style="display: block; opacity: 0.95;" 
			src="images/sfd.jpg" />
			<img src="images/image2.jpg" />
			<img src="images/image3.jpg" />
			<img src="images/image4.jpg" />
		</div>
	</div>
        	<p><center><b>Historical Background</b></center></p>
        <p>Back in late November of 1996, Prof. Jeremy V. Pinzon proposed the integration of all IT, 
		Computer and Communications-based offering courses into one academic body. And along with the 
		institute body of MSU-IIT headed by Dr. Lagare, he realized this proposition which we now call 
		the School of Computer Studies (SCS).</p>
        
        <p>Together with the creation of SCS, the Department of Computer Science was separated from its
		mother college, COE, with Prof. Pinzon as the first chairman of the department (and first 
		dean of the school).</p>
		
		<p>After a decade or so, Prof. Pinzon was succeeded by the current 
		department chairman - Prof. Eli S. Mostrales in 2006.</p>
		
		<p>The Computer Science Department is composed of highly competent instructors to impart theories 
		of the study of computers, including both hardware and software design, artificial intelligence 
		and software engineering.</p>
		
		<p>Providing calibre-grade education, the Department of Computer Science offers basic 
		computer science education and rigorous academic training that produces graduates who 
		are versatile, innovative, entrepreneurial, globally competitive and imbued with high ethical 
		standards and social responsibility.</p>
		
		<p><a href=#">read more..</a></p>
        </div>
	
	</div>
	<div id="right-column">

	
	<div style="clear:both"></div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap"><div id="footer">				
		<p>		
		|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
		<a href="#">MSU -IIT</a> |
		</p>			
	</div></div>
	<!-- footer ends-->	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        